<div class="ani" />

<style>
	.ani {
		@apply h-16 w-16 bg-yellow-600 mt-20;
	}
	.ani:hover {
		animation: ll 5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
	}
	@keyframes ll {
		0% {
		}
		30% {
			transform: translateX(150px);
			background-color: red;
		}

		60% {
			transform: translateX(50px) translateY(50px) rotateX(55deg) rotateZ(55deg);
			opacity: 0.5;
			background-color: blue;
		}
		80% {
			opacity: 1;
			background-color: green;
			transform: translateX(200px);
		}
	}
</style>
